import PropTypes from "prop-types"
import React, { memo } from "react"

import SectionHeader from "@/components/section-header"
import SectionContent from "@/components/section-content"
import SectionFooter from "@/components/section-footer";
const HomeSectionV1 = memo((props) => {
  let { data } = props
  data = {
    ...data,
    list: data.list.slice(0, 8),
    itemWidth: 'calc(25% - 10px)'
  }
  return (
    <>
      <SectionHeader title={data.title}/>
      <SectionContent data={data}/>
      <SectionFooter data={{}} type={"v1"} />
    </>
  )
});

HomeSectionV1.propTypes = {
  data: PropTypes.object
}

export default HomeSectionV1

